import React, { Component } from 'react';
import {Tabs, Tab} from 'material-ui/Tabs';
import Divider from 'material-ui/Divider';
import FooterTip from '@/components/footerTip';
import ProdChart from './children/prodChart';
import ProdReport from './children/prodReport';
import ProdDetail from './children/prodDetail';
import './index.css'

class Product extends Component {
  render () {
    return (
      <section className="product">
        <header></header>
        <main>
          <Tabs className="product-tab">
            <Tab label="净值走势图">
              <ProdChart></ProdChart>
            </Tab>
            <Tab label="产品报告">
              <ProdReport></ProdReport>
            </Tab>
            <Tab label="产品要素">
              <ProdDetail></ProdDetail>
            </Tab>
          </Tabs>
        </main>
        <footer className="product-foot">
          <FooterTip title="温馨提示" content="测试提示"></FooterTip>
          <Divider />
        </footer>
      </section>
    )
  }
}

export default Product;